<template>
    <div id="app">
        <Head :headType="headType" />
        <router-view />
    </div>
</template>

<script>
    import Head from "../components/header.vue"
    export default {
        name: 'app',
        components: {
            Head,
        },
        data() {
            return {
                headType:'default',//default一般情况下,new 创建的场景下 login 登录情况下
                createHead:false,
            };
        },
        watch:{
            $route(n) {
                console.log(n.name);
                if(n.name=='login') {
                    this.headType = 'login';
                }else if(n.name=='case_management_create'){
                    this.headType = 'new';
                }else if(n.name=='userServes') {
                    this.headType = 'new';
                }else if(n.name=='userView') {
                    this.headType = "new";
                }else if(n.name=='profile_list'){
                    this.headTYpe = "new";
                }else{
                    this.headType='default';
                }

            }
        },
				mounted() {
					if(localStorage.getItem("user")){
						let userInfo = localStorage.getItem("user")
						let data = JSON.parse(userInfo)
						this.$c.vuex('vuex_user',data)
					}
				},
    }
</script>

<style lang="scss">
@import "assets/css/main.scss";
$c-main-color: #EE6F2D;//主色调,用于强调和突出部分标题,内容模块,按钮
$c-main2-color: #DD6223;
$c-main3-color: #FF8343;

$c-blue1-color: #307AD9;
$c-blue2-color: #175FBA;
$c-blue3-color: #438EEF;

$c-333-color: #333333;//重要文字信息,需要强调的大部分正文内容
$c-555-color: #555555;//普通文字信息,表单,表格正文等
$c-bg-color: #DEDEDE;//区域分割模块背景色,部分模块背景色
$c-tips-color: #D9D9D9;//文字提示,部分表格及表单边框色
$c-999-color: #999999;//普通文字信息,部分表格边框
.color{
	color: $c-main-color;
}
</style>
